<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <link href="css/main.css" type="text/css" rel="stylesheet">
</head>
<body style="background-color: #f7f7f7">
<div class="header" >
    <div class="back" onclick="javascript:history.back(-1);">
        <span></span>
    </div>
    申请退款
</div>
<div class="card">
    <ul class="first">
        <li>钱包余额<p id="note1">0元</p></li>
        <li>钱包余额<p>0元</p></li>
        <li>钱包余额<p>0元</p></li>
    </ul>
    <ul class="second">
        <li>退款方式<p>原路退回<span>(1-7个工作日)</span></p></li>
    </ul>
    <div class="third">退款原因</div>
    <ul class="four">
        <li>试试是否退款 <input type="radio" name="sex" id="c" value="F" class="radio"></li>
        <li>租借费用过高 <input type="radio" name="sex" id="c" value="F" class="radio"></li>
        <li>设备不行 <input type="radio" name="sex" id="c" value="F" class="radio"></li>
        <li>租借其他充电宝 <input type="radio" name="sex" id="c" value="F" class="radio"></li>
    </ul>
</div>
<p class="little-note">押金退还后将不能租借充电宝</p>
<div class="button">申请退款</div>
</body>
</html>